{% extends '::base.html.twig' %}
{% block title %}Usuarios{% endblock %}

{% block body -%}
<div class="container">
  <div class="col-md-12">
    <h4 id="sec0">Listado de Usuarios Registrados</h4>
   <hr class="col-md-11 superior">
   {% if entities %}
     <div class="col-md-12" style="padding:0 0 3em 0; margin-left: -5px;">
       <a href="{{ path('crear-usuarios') }}" style="float:right;" class="btn btn-lg btn-success">Registrar Nuevo Usuario</a>
     </div>
     <div class="col-md-12"> 
      <table style="margin-left: 15px;" class="table table-hover table-condensed">
        <thead>
            <tr>
                <th>Id</th>
                <th>Nombres del Funcionario</th> 
                <th>Apellidos del Funcionario</th>
                <th>Fecha de Registro</th>
                <th>Usuario</th>
                <th>Sede</th>
                <th>Estatus</th>
                <th>Aciones</th>
            </tr>
        </thead>
        <tbody>
          {% for entity in entities %}
          <tr>
            <td>{{ entity.id }}</td>
            <td>{{ entity.funcionario.nombres }}</td>
            <td>{{ entity.funcionario.apellidos }}</td>
            <td>{{ entity.feIngreso | date('d-m-Y') }}</td>
            <td>{{ entity.username }}</td>
            <td>{% for sedeUsuario in entity.sedesUsuario %}
                  {{ sedeUsuario.sede.nbSede }}
                {% endfor %}
            </td>
            <td>{{ entity.isActive == 1 ? 'Activo' : 'Inactivo' }}</td>
            <td>
              <ul>
                <li>
                  <a href="{{ path('ver-usuario', { 'id': entity.id }) }}">Ver</a>
                </li>
                <li>
                  <a href="{{ path('editar-usuario', { 'id': entity.id }) }}">Editar</a>
                </li>
                <li>
                  <a data-toggle="modal" data-target="#myModal" onClick="agregarDataModal('{{ entity.id }}','{{ entity.username }}','{{ entity.isActive }}')" id="inactivar-usuario" href="#">
                   {{ entity.isActive == 1 ? 'Inactivar Usuario' : 'Activar Usuario' }}
                  </a>
                </li>
              </ul>
            </td>
          </tr>
          {% endfor %}
        </tbody>
    </table>
    {% endif %}
  </div>
   

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel"><span class="estatus-cambiar"></span> Usuario <span class="nombre-usuario"></span></h4>
      </div>
      <div class="modal-body">
        Esta seguro que desea <b class="estatus-cambiar"></b> el usuario <b class="nombre-usuario"></b> ?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" id="inactivar-submit"><span class="estatus-cambiar"></span> Usuario</button>
      </div>
    </div>
  </div>
</div>
   
  </div>
  </div>
{% endblock %}
{% block javascripts %}
<script>
  var _globales = {
      idUsuario: ''
  };
</script>
<script>
  function agregarDataModal(id,usuario,estatus) {
    $('.nombre-usuario').html(usuario);
    
    var estatusFuturo = '';
    
    if(estatus == 1) estatusFuturo = 'Inactivar'; else estatusFuturo = 'Activar';
    
    $('.estatus-cambiar').html(estatusFuturo);
    _globales.idUsuario = id;
  }
  
  $('#inactivar-submit').click(function(){
    $.post('{{ path('inactivar-usuario') }}',{
      idUsuario: _globales.idUsuario    
    },function(data){
      window.location.href = '{{ path('index-usuarios') }}';
    });
  });
</script>
{% endblock %}

